<template>
  <div>
    <el-button type="primary" size="default" @click="show = true">
      打开遮罩
    </el-button>
    <el-drawer
      title="遮罩弹窗"
      v-model="show"
      direction="rtl"
      size="40%"
      :destroy-on-close="true"
      :show-close="true"
      :wrapperClosable="true"
    >
      <Attentdance />
    </el-drawer>
  </div>
</template>

<script>
import { ref } from "vue";
import Attentdance from "../components/Attendance.vue";
export default {
  components: {
    Attentdance,
  },
  setup() {
    const show = ref(true);
    return {
      show,
    };
  },
};
</script>

<style lang="scss" scoped></style>
